<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script type="text/javascript" src="Plug/jquery-1.11.3.min.js"></script>
		<title>完善资料</title>
		<script src="Plug/layer-v3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--layer  弹框插件-->
		<link rel="stylesheet" href="static/css/base/reset.css" />
		<!--jqyery-weiui插件 -->
		<link rel="stylesheet" href="Plug/jquery-weui/jquery-weui.min.css">
		<link rel="stylesheet" href="Plug/jquery-weui/weui.min.css">
		<script src="Plug/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="Plug/jquery-weui/js/city-picker.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播插件-->
		<link rel="stylesheet" type="text/css" href="Plug/swiper/swiper.min.css" />
		<script src="Plug/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--重置样式-->
		<link rel="stylesheet" href="static/css/base/main.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_990287_xtmh0dwc04.css" />
		<!--阿里云图标库-->
		<script src="static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<!---------------公共导入分割线------------------------>
		<!--本页样式-->
		<link rel="stylesheet" type="text/css" href="static/css/my/fill_data.css" />
	</head>

	<body>
		<div class="have_bar_wrap">
			<div class="fill_data_top flex_cb">
				<a class="back" href="javascript:void(0)"><i class="iconfont icon-xuanzeqishangyige"></i></a>
				<span>完善资料</span>
				<!--<a class="fill_save" href="javascript:void(0)">保存</a>-->
			</div>
			<ul class="fill_data_list">
				<li>
					<span>头像</span>
					<a class="add_head" href="javascript:void(0)">
						<i class="iconfont icon-zhaoxiang"></i>
						<p>添加头像</p>
						<!--<img class="fill_head" src="static/images/changkuan12.png" />-->
					</a>
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>昵称</span>
					<input placeholder="请填写昵称" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>姓名</span>
					<input placeholder="请填写真实姓名" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>性别</span>
					<input id="sex" placeholder="请选择性别" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>地区</span>
					<input id="city-picker" placeholder="请选择地区" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>手机号</span>
					<input id="phone" placeholder="请填写您的手机号" type="number" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>微信号</span>
					<input id="" placeholder="请填写您的微信号" type="number" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
				<li>
					<span>职业</span>
					<input id="identity" placeholder="请选择您的职业" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</li>
			</ul>
			<div class="myself">
				<p>简介</p>
				<textarea placeholder="简单地介绍自己，让别人更了解你"></textarea>
			</div>
			<a class="next_fill" href="javascript:void(0)">下一步</a>
		</div>
		<script type="text/javascript">
			$("#sex").picker({
				title: "请选择性别",
				cols: [{
					textAlign: 'center',
					values: ['男', '女']
				}],
				onClose: function(d) {
					city = (this, d.displayValue);
					alert(JSON.stringify(city))
				}
			});
			$("#identity").picker({
				title: "请选择职业",
				cols: [{
					textAlign: 'center',
					values: ['保密', '模特儿', '摄影师', '化妆师',
						'经纪人', '制片人', '设计师', '造型师', '艺人', '演员', '主播', '导演', '记者', '编辑', '学生', '老板', '白领', '公务员'
					]
				}],
				onClose: function(d) {
					city = (this, d.displayValue);
					alert(JSON.stringify(city))
				}
			});
			$("#city-picker").cityPicker({
				title: "请选择地区",
				onClose: function(d) {
					console.log(this, d)
					city = (this, d.displayValue);
					alert(JSON.stringify(city))
				},
				onConfirm: function(result) {}
			});
		</script>
	</body>

</html>